<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="tabs/tab3" text="返回"></ion-back-button>
    </ion-buttons>
    <ion-title>【C03】alert与toast</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-list>
    <ion-item button (click)="showAlert()">
      <ion-label>基本</ion-label>
    </ion-item>
    <ion-item button (click)="showConfirm()">
      <ion-label>确认</ion-label>
    </ion-item>
    <ion-item button (click)="showPrompt()">
      <ion-label>输入</ion-label>
    </ion-item>
    <ion-item button (click)="showRadio()">
      <ion-label>单选</ion-label>
    </ion-item>
    <ion-item button (click)="showCheckbox()">
      <ion-label>复选</ion-label>
    </ion-item>
    <ion-item button (click)="presentToast()">
      <ion-label>信息</ion-label>
    </ion-item>
  </ion-list>

  <ion-card id="card" style="display: none;">
    <ion-card-content>
      <ion-text color="secondary"><a [innerText] = 'resultMessage'></a></ion-text>
    </ion-card-content>
  </ion-card>
</ion-content>
